.personal {
    padding: 20px 0px 20px 0px;
    height: 100%;
    .contentBox {
      width: 100%;
      height: 100%;
      border-radius: 5px;
      overflow: hidden;
      .tabsBox {
        width: 160px;
        min-width: 160px;
        height: 100%;
        float: left;
        border-right: 1px solid rgba(124, 124, 124, 0.2);
        position: relative;
        background: #fff;
        z-index: 999;
        .tabsItem {
            user-select: none;
          padding: 0px 0;
          margin-bottom: 10px;
          font-size: 14px;
          font-family: SimHei;
          font-weight: 400;
          color: rgba(137, 137, 137, 1);
          position: relative;
          &:last-child {
            border-right: 0;
          }
          span {
            display: block;
            width: 80%;
            text-align: center;
            padding: 10px 0;
            border-radius: 8px;
          }
          &:before {
            position: absolute;
            width: 6px;
            top: 15%;
            left: 0;
            height: 70%;
            content: '';
            background: @mainColor;
            border-radius: 5px;
            display: none;
          }
        }
        .tabsActive {
          font-family: SourceHanSansSC;
          font-weight: 400;
          color: #ffffff;
          &:before {
            display: block;
          }
          span {
            background: @mainColor;
            position: relative;
          }
        }
      }
      .content {
        position: relative;
        height: 100%;
        z-index: 9;
        flex: 1;
        .comBox {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow-y: auto;
        }
      }
    }
  }